html {
    width: 100%;
    height: 100%;
}

.el-container, #app {
    width: 100%;
    height: 100%;
}

.el-main {
    flex: 1 !important;
}

.left {
    flex: 1;
    display: flex;
    justify-content: center;
}

.el-header {
    /*background-color: #B3C0D1;*/
    /*color: #333;*/
    height: 70px !important;
}


.el-main {
    background-color: #E9EEF3;
    /*color: #333;*/
}

.el-row {
    margin-bottom: 20px;
}

.el-col {
    border-radius: 4px;
}


.bg-purple {
    /*background: #d3dce6;*/
}


.grid-content {
    border-radius: 4px;
    min-height: 36px;
}


.adsbygoogle {
    margin-top: 10px;
}

.user_center {
    padding: 0 50px;

}

.el-drawer__body {
    overflow-x: hidden !important;
}

.avatar {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50px;
}

.display {
    display: none;
}


.base_info_box ul:hover {
    background: #f8f8f8;
}

.base_info_box ul li {
    display: flex;
    justify-content: flex-start;
    padding: 20px 0px 20px 0px;
}

.value {
    padding-left: 30px;
}

.key {
    width: 70px;
    /*color: #555666;*/
    margin-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}

.avatar {
    width: 100px;
    height: 100px;
    display: block;
}

.title_btn input {
    border-radius: 21px !important;
}

.from_item_box {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    background: #f8f8f8;
}

.from_item {
    width: 100%;
    /*display: flex;*/
    justify-content: space-around;
    margin-left: 30px;
}

.from_item div {
    width: 300px;
}

.sex {
    /*display: flex;*/
    justify-content: space-around;
}

.el-radio {
    width: 300px;
}

.person_in {
    width: 91.5%;
    margin: 0px auto;
}

.from_btn_box {
    display: flex;
    justify-content: center;
}

.base_info_box {
    margin-top: 10px !important;
}

.el-radio {
    display: inline;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
    width: 100px !important;
}

.el-input {
    width: 200px !important;
}

.inputPwd {
    margin-top: 30px !important;
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 150px !important;
}

/*.right {*/
/*    height: 70px !important;*/
/*    display: flex !important;*/
/*    justify-content: space-between !important;*/
/*    align-items: center !important;*/
/*}*/


.el-dropdown {
    cursor: pointer !important;
}

#imageName, #search-head, #login {
    display: inline;
}

.el-header {
    display: flex !important;
    vertical-align: middle !important;
}

#search-head {
    /*justify-content: center;*/
    line-height: 70px;
}

#login .el-link--inner {
    font-size: 20px !important;
}

.el_dropdown {
    vertical-align: middle !important;
    line-height: 70px !important;
    height: 70px !important;
}

.imageName1, .imageName2 {
    display: inline;
}

.imageName2 {
    position: absolute;
    top: -30px;
    right: 49px;
}

.imageName1 {
    position: absolute;
    top: -27px;
    right: -25px;
}

#imageName {
    position: relative;
    top: -10px;
}

.el-dropdown {
    position: absolute !important;
    right: -1196px;
    top: 56px;
}


#search-head {
    position: absolute;
    top: 8px;
    left: 356px;
    width: 600px;
}

#logo {
    position: absolute;
    left: 33px;
    top: 11px;
}

#login {
    position: absolute;
    right: 294px;
    top: 28px;
}

#search-head .el-input {
    width: 500px !important;
}


#index {
    display: inline;
    position: absolute;
    left: 225px;
    top: 11px;;
    line-height: 67px;
}


.published {
    width: 800px !important;
    margin: 0 auto;
}

.published-article {
    margin: auto 12% auto auto;
}

.audit {
    width: 800px !important;
    margin: 20px auto 20px auto;
}

#articleContent {
    width: 70%;
    margin: 20px auto 20px auto;
}

#articleLabels .el-input {
    width: 500px !important;
}

#articleLabels {
    width: 70%;
    margin: 0px auto;
}

#varCode .el-input {
    margin-top: 20px !important;
    width: 100px !important;
}

#varCode {
    width: 70%;
    margin: auto auto;
}

#varCode > span:first-child {
    margin: auto auto;
}

#varCode .el-link {
    display: inline !important;
    margin-left: 100px;
}

#varCode {
    position: relative;
}

#varCode img {
    position: absolute;
    top: 25px;
    left: 182px;
}

#fabu {
    width: 70%;
    margin: 20px auto 10px auto;
}

#waring {
    width: 70%;
    margin: 20px auto 10px auto;
    color: #B3C0D1;
    font-size: 12px;
}

#switch-comment {
    width: 200px;
    margin: 10px auto;
}


.el-carousel__item h3 {
    color: #475669 !important;
    font-size: 14px !important;
    opacity: 0.75 !important;
    line-height: 200px !important;
    margin: 0 !important;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf !important;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6 !important;
}


#block .el-pagination {
    margin: 5px auto !important;
    text-align: center;
}

#block .el-input {
    width: 50px !important;
}

#audit_header > h3 {
    display: inline !important;
}

#audit_header {
    margin: 20px auto 10px auto;
    /*color: #B3C0D1;*/
    font-size: 12px;
}

#audit-foot {
    margin: auto;
    line-height: 60px;
    width: 342px;
}

.el-row {
    margin: 5px 0px !important;
}


.el-table td, .el-table th.is-leaf {
    border-bottom: 15px solid #EBEEF5 !important;
}

.el-table__row {
    width: 700px !important;
}

.el-table {
    overflow-x: hidden !important;
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: hidden !important;
}

.grid-content {
    min-height: 23px !important;
}

.article11-up-down {
    display: inline;
}

.article11-comments {
    display: inline;
}

.el-table_1_column_1 {
    padding-bottom: 0px !important;
}

.el-carousel__item:nth-child(2) {
    background-color: #99a9bf !important;
}

.bg-purple {
    margin: auto 0 !important;
}

.icon1, .icon2 {
    margin-top: 4px;
    cursor: pointer;
}

.article11-up-count, .article11-down-count {
    padding-top: 3px;
    line-height: 32px;
}

[v-cloak] {
    display: none;
}

.article11-labels > .el-tag {
    margin-left: 10px !important;
}

.el-tag {
    cursor: pointer !important;
}

.oneArticleComment {
    width: 1000px !important;
    margin: 20px auto 20px auto;
}

#oneArticleContent {
    margin: 30px 10px;
    font-size: 12px !important;
}

#oneArticleTime {
    text-align: center;
    margin-top: 20px;
}

#comment-footer .el-input__inner {
    padding-right: 30px !important;
    width: 606px !important;
}

#comment-footer {
    line-height: 90px;
}


/*评论显示*/

.custom-tree-node {
    width: 100%;
}

.el-tree-node__content {
    padding: 1rem 2rem;
    border: 0.1rem solid #eee;
    align-items: unset;
    height: unset !important;
}


.observe-header-img {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    border-radius: 3rem;
}

.observe-nickname {
    font-size: 14px;
    margin: 0 0px 0px 10px;
}

.observe-user {
    margin: 0 10px;
    font-size: 12px;
}

.observe-date {
    font-size: 12px;
    color: #B3C0D1;
    margin: 0px 10px;
}

.el-main {
    overflow-x: hidden !important;
}

.el-tree-node {
    white-space: pre-line !important;
    word-break: break-all !important;
}

.el-message-box__content .el-input__inner {
    width: 392px !important;
}

.observe-content {
    color: #409EFF !important;
}

#replyDrawer {
    width: 60%;
    margin: 0 auto;
}

.replyDrawer {
    width: 43.13% !important;
    margin: 0px 0 18px 38.3%;
    margin-bottom: 40px !important;
}

#comment-reply .el-input__inner {
    padding-right: 30px !important;
    width: 606px !important;
}

/*个人中心的表格*/
.el-table td, .el-table th.is-leaf {
    border-bottom: 0px solid #EBEEF5 !important;
}

.demo-table-expand {
    font-size: 0;
}

.demo-table-expand label {
    width: 90px;
    color: #99a9bf;
}

.demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}

.el-form-item__content {
    line-height: 25px !important;
}

.el-form-item__label {
    line-height: 25px !important;
}

#block2 .el-pagination {
    margin: 5px auto !important;
    text-align: center;
}

#block2 .el-input {
    width: 50px !important;
}

#block3 .el-pagination {
    margin: 5px auto !important;
    text-align: center;
}

#block3 .el-input {
    width: 50px !important;
}

#block1 .el-pagination {
    margin: 5px auto !important;
    text-align: center;
}

#block1 .el-input {
    width: 50px !important;
}

#block4 .el-pagination {
    margin: 5px auto !important;
    text-align: center;
}

#block4 .el-input {
    width: 50px !important;
}

/*表格文章*/
.el-table .warning-row {
    background: rgba(204, 243, 195, 0.24) !important;
}

.el-table .success-row {
    background: #d7e4f3 !important;
}

.insert_second_tag_box .el-tag {
    height: 35px;
    font-size: 14px;
    text-align: center;
    margin: 5px 2px 5px 2px;
    cursor: pointer;
}

.insert_tag_box {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.insert_tag_box .el-tag {
    width: 90px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    margin: 5px 2px 5px 2px;
    cursor: pointer;
}


#reflashMabBeLike {
    margin: 5px auto !important;
    text-align: center;
}

p {
    display: inline;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
    padding: 0;
    /*margin-block-start: 1em;*/
    /*margin-block-end: 1em;*/
}

/*#video {*/
/*    width: 386px;*/
/*    height: 289px;*/
/*}*/

/*#canvas {*/
/*    width: 386px;*/
/*    height: 289px;*/
/*}*/

#uploadImage {
    margin-top: 20px;
    text-align: center;
}